#header a:hover,#content p a:hover,#footer a:hover{
	text-decoration:underline;
}

#header{
	width:100%;
	background: #666;
	border-bottom:1px solid #FFF;
	overflow:hidden;
	height:32px;
}

#header_nav{
	width:800px;
	margin: 0px auto;
	padding: 6px 0px;
}

#header a{
	line-height:12px;
	color: #FFF;
}

#header .top_home{
	border-right: 1px solid #FFF;
	padding-right: 6px;
	margin-right: 2px;
}

.fleft{ display: inline; float:left;}

.fright{ display: inline; float:right;}

#content,#footer{
	margin: 0px auto;
	margin-bottom:0;
	background: #FFF;	
	border: none;
	border-bottom:none;
}

#content h1 {
	margin: 0; color: #F60;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}

p {
	margin: 0;	
	padding: 7px 0;
}

#footer{
	width:780px;
	padding:3px 10px;
	margin: 0px auto;
	border: 1px solid #CCC;
	border-top:none;
	overflow:hidden;
}

#footer .fleft,#footer .fleft a{
	font:bold 9px/20px Verdana, Geneva, sans-serif;
	color:#AAA;
}
#footer a{ font-weight:bold;color:#AAA; text-decoration:underline;}
#footer a:hover{ color:#F80;}

.menu { height: 45px; display: block; }
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu ul li { float: left; /* 菜单子元素的内容超出不可见 */  
			overflow: hidden; position: relative; text-align: center; line-height: 45px; }
.menu ul li a { /* 必须是相对定位  */ 
			position: relative; 
			display: block; 
			width: 110px; 
			height: 45px; 
			font-family: Microsoft Yahei; 
			font-size: 12px;
			font-weight: bold; 
			letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.menu ul li a span { /* 所有层将使用绝对定位 */
			position: absolute; left: 0; width: 110px; }
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over,  .menu ul li a span.bg { /* 起初.over层和.bg层相对a元素-45px以达到隐藏 */  
			top: -45px; }
/** 完整版示例 **/

		#menu { background:url(../images/bg_menu.gif) scroll 0 -1px repeat-x; border:1px solid #CCC; }
#menu ul li a { color: #000; }
#menu ul li a span.over { color: #FFF; }
#menu ul li span.bg { height: 45px; background: url(../images/bg_over.gif) center center no-repeat; }
/** 简化版示例 **/
		
		#menu2 { background:#45A8DF; }
#menu2 ul li a { color:#FFF; }
#menu2 ul li a span.over { background: #A6DD00; color:#333; }
#menu2 ul li.nav1 a span.over { background: #fea274; }
#menu2 ul li.nav2 a span.over { background: #b0bbba; }
#menu2 ul li.nav3 a span.over { background: #a3f091; }
#menu2 ul li.nav4 a span.over { background: #86dbf9; }
#menu2 ul li.nav5 a span.over { background: #e0caf0; }
#menu2 ul li.nav6 a span.over { background: #9dace9; }